Top 13 Gorgeous HTML Photo Slideshow Projects
The Responsive Slideshow Photo Gallery has a fluid / flexible / responsive layout. Basically the grid is added into a html page into a div of your chosing and it’s adapting based of that div’s width, the grid height is modified based on the number of thumbnails and if other elements are below the grid div they will be pushed down automatically (document flow). Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Responsive Slideshow Photo Gallery is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.
2. WOW Slider
WOW Slider is a fantastic responsive image slider with
killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.
Also, you can share your slider on Facebook.
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat
Any html code can be placed inside slide
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
SEO friendly, any html code can be added to each slide, all are exposed directly to HTML search form
This is an amazing HTML5 Canvas XML Carousel presenting a 3D photo gallery in the shape of a carousel with tons of features. HTML code:
the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.set the slideshow transition time (when set to autoplay).
Evo Slider Pro – jQuery Slideshow & Content Slider Plugin
HTML
HTML Content – You are not limited to using just images, Evo Slider gives
you the possibility to add HTML content inside the slide.Images Content – Easily create amazing photo galleries.External Linking – Evo Slider can be controlled from an HTML link
All you need is set the parameters, add the slides (images or any html code) and insert the code into your website!
Pretty Photo Issue Solution
If you use Pretty Photo and Our Item on the Same page, please add this code to your Document to resolve the cssAnimateion Conflict.What makes this Carousel unique is that you can define everything via CSS or HTML or jQuery plugin slider range option which makes it 100% customizable. Customizable 100% via Plugin Parameters / CSS / HTML
You just need to know little HTML and Javascript. Put the JS and CSS links in the head of your HTML site and build an unsorted list of items and insert your HTML.
Expandable Icon Menu that can display whatever HTML you want
Custom built HTML5 Canvas slideshow timer
Demo – Slideshow Effects:
Freeze slideshow/caption animation when touch
If slideshow or caption animation is running, it will freeze when touch by finger or mouse down.Continue or rollback slideshow/caption animation when release touch
If slideshow or caption animation is frozen, the animation will continue or rollback when release touch. slider (1%), slider with caption (4%), slider with slideshow (~4%)
360+ slideshow effects/transitions
Jssor slider comes with 360+ impressive slideshow effects/transitions
All UI is fully under control by html + css code. User can add any html code to each slide, and user can customize ‘navigator’, ‘thumbnail navigator’ to any format. Use any html/css code to customize thumbnail to anyformat
Any html code can be placed inside slide
HTML caption with animation (390+ caption transitions)
Auto slideshow with optional pause on hover
SEO friendly, any html code can be added to each slide, all are exposed directly to search form HTML
Pretty Photo Issue Solution
If you use Pretty Photo and Our Item on the Same page, please add this code to your Document to resolve the cssAnimateion Conflict. Customizable 100% via Plugin Parameters / CSS / HTML
You just need to know little HTML and Javascript. Put the JS and CSS links in the head of your HTML site and put in some DIV elements for your items.
This is an amazing HTML5 Canvas XML Cover Flow presenting a flash 3d photo gallery with tons of features. HTML code:
the buttons, scrollbar and slideshow preloader positions can be set to be anywhere.set the slideshow transition time (when set to autoplay).
The jQuery gallery photo – Resizable Album Grid XML is size flexible or fluid, it will adapt it’s size (width and height) based on the parent container (div or some other html tag) and every piece of the gallery will align and position accordingly, this basically mean that it can be used in any kind of website, it dose not matter if you need a small or large gallery, all you have to do is to add the gallery in a place which you have chosen in your website and the gallery will adapt. - Keyboard support you can navigate between the large images with the right and left key and start or stop the slideshow with the space key.
Featured 3D Slider is a thumbnail slider jQuery plugin that converts static HTML content into a 3D stage with smoothly moving objects. Slides are just wrappers of whatever HTML content you can imagine – images, captions, links, buttons, icons.Slideshows, presentations, banner/ads rotators, portfolio galleries, photo or video galleries…Simply said the idea behind f3D creation is to attract visitors attention in unique and stylish manner.Slides are HTML content (can be anything – links, texts, images, video embeds, etc.
The Infinite Photo Grid with Lightbox has a fluid / flexible / responsive layout. Basically the grid is added into a HTML scroller into a div of your choice and it adapts based of that div’s width and height. Pure OOP JavaScript code, no usage of jQuery or other libraries, in this way there will be no incompatibilities with HTML pages that might be using jQuery or other JavaScript libraries. The Infinite Photo Grid with Lightbox is using the GPU (hardware acceleration) using HTML5 standards. Slideshow button (optional). Slideshow delay, the delay of the slideshow can be set in seconds. Slideshow autoplay. Slideshow custom animated graphics.